import './index.less'
export default function Areaside(props){
  const areas = [...props.area]
  console.log('area',props.area)
  return (
    <div className="addInfo cardBox user-data">
      <div className="info-title">分类大区</div>
      <div style={{paddingTop:'15px'}}>
        {areas.map((area)=>{
          return (
            <div className='flex-between areaItem' key={area.areaid}>
              <div>{area.areaname}</div>
              <div className='area-count'>1</div>
            </div>
          )
        })}
      </div>
    </div>
  )
}